<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
    <title>佣金明细</title>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="../assets/mobile/comm.css" rel="stylesheet" type="text/css" />
    <link href="../assets/mobile/member.css?v=130726" rel="stylesheet" type="text/css" />
    <link href="../assets/mobile/invite.css?v=130726" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="../assets/mobile/top.css">
<link rel="stylesheet" href="../assets/agile/css/ratchet/css/ratchet.min.css">
<link rel="stylesheet" href="../assets/agile/css/flat/flat.component.css">
<link rel="stylesheet" href="../assets/agile/css/flat/iconline.css">
<link rel="stylesheet" href="../assets/app/css/app.css" />
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/jquery.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/local.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
	<style>
		.notbr{
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
			height:20px;width:250px;
		}
		.list-left{width:60px;float:left;}
		.list-left img{margin-top:5px;}
		.list-div{
			margin:10px auto;
		}
		.list-div p{margin-bottom:0;font-size:13px;}
@media (min-width: 400px) and (max-width: 480px){
	.notbr{width:340px !important;}
}
@media (min-width: 370px) and (max-width: 480px){
	.notbr{width:290px !important;}
}
@media (min-width: 350px) and (max-width: 480px){
.notbr{width:290px !important;}
}
.R-content .total{line-height:20px;}
	</style>
</head>
<body>
<div class="h5-1yyg-v11">
<!--通用顶部-->
<div id="ios-top-box">
    <div id="header" class="bar bar-nav">
    <div class="titlebar">
    <a href="javascript:appClose('commissions',api);"><i class="iconfont iconline-arrow-left"></i></a>
    <h1 class="title">佣金明细</h1>
    </div>
    </div>
</div>
<!--通用顶部结束-->

	<div id="wrapper" style="position:static !important;">
    <section class="clearfix g-member">
        <div class="clearfix m-round m-name">
            <div class="fl f-Himg">
                <a href="javascript:;" class="z-Himg">
                    <img data-original="" class="lazy" border=0/></a>
                <!-- <span class="z-class-icon01 gray02"><s></s>{wc:$member['yungoudj']}</span> -->
            </div>
            <div class="m-name-info"><p class="u-name">
                <b class="z-name gray01 uusername"></b><em class="umobile">(加载中)</em></p>
                <ul class="clearfix u-mbr-info"><li>可用云积分 <span class="orange uscore">加载中</span></li>
                    <!-- <li>经验值 <span class="orange"></span></li> -->
                    <li>余额 <span class="orange umoney">￥0.00</span></li>
                </ul>
            </div>
        </div>
        <div class="R-content">
            <div class="total" style="border-color:#dd3e96">
                <dl>
                <dd>累计收入：<b class="orange shourutotal">加载中</b>元</dd>
                    <dd>累计(提现/充值)：<b class="orange zhichutotal">加载中</b>元</dd>
                    <dd>佣金余额：<b class="orange utotal">加载中</b>元</dd>
					<dt class="gray02">佣金余额可实时充值到您的抢购帐户，满100元时才可申请提现。</dt>
					 <dd style="width:100%;margin-top:15px;">
					    <a href="javascript:randomSwitchBtn('cashout',api);" title="申请提现" class="bluebut" style="float:left;">申请提现</a>
                        <a href="javascript:randomSwitchBtn('recashout',api);" title="充值到抢购账户" class="orangebut" style="float:right;">充值到抢购账户</a>
                       
                       </dd>
                    
                </dl>

            </div>
           <div class="clear"></div>
<div id="divCommissionList" class="list-tab commission gray02">
            <ul class="listTitle">
	            <li class="w20">用户</li>
	            <li class="w40">描述</li>
	            <li class="w40">时间</li>
            </ul>
<div class="clear"></div>
<p align="center" class="loadinglist">加载中</p>
          
<div class="clear"></div>

</div>
<div class="tips-con" style="display:none;text-align:center;"><i></i>您还未有邀请谁哦</div></div>

<div id="divPageNav" class="page_nav"></div>
</section>
</div>
</div>
<script type="text/javascript">
$(function(){
	if(getUserinfo()){
		var userinfo = getUserinfo();
		GetJPData(config.url+'/app.php?act=commissions&uid='+userinfo.uid,{},function(data){
			if(data['status']){
				$('.z-Himg img').attr('data-original',config.upload_url+'/'+data['thumb']);
				$('.uusername').text(data['username']);
				$('.umobile').text('('+data['mobile']+')');
				$('.umoney').text('￥'+data['money']);
				$('.uscore').text(data['score']);
				$('.shourutotal').text(data['shourutotal']);
				$('.zhichutotal').text(data['zhichutotal']);
				$('.utotal').text(data['utotal']);
				
				if(data['data']){
					var html = '';
					for(var i in data['data']){
						html += '<div class="list-div"><div class="list-left">';
						html += '<a href="javascript:openItem(\'userindex\','+data['data'][i]['uid']+',function(id){localData.set(\'userid\',id);});">';
						html += '<img class="lazy" data-original="'+config.upload_url+'/'+data['data'][i]['uimg']+'" alt="" border="0" width="55" height="55">';
						html += '</a></div><div style="float:left;">';
						html += '<p><a href="javascript:openItem(\'userindex\','+data['data'][i]['uid']+',function(id){localData.set(\'userid\',id);});" class="blue">'+data['data'][i]['uname']+'</a> &nbsp;&nbsp;&nbsp;&nbsp;<span style="float:right;">'+data['data'][i]['time']+'</span></p>';
						html += '<div class="clear"></div>';
						if(data['data'][i]['type'] != 1){
							html += '<p>金额：'+data['data'][i]['money']+'</p>';
						}else{
							html += '<p>金额：'+data['data'][i]['ygmoney']+' &nbsp;&nbsp;佣金：<span class="orange">'+data['data'][i]['diff']+'</span></p>';
						}
						html += '<p class="notbr">'+data['data'][i]['content']+'</p>';
						html += '</div></div><div class="clear"></div>';
					}
					$('.loadinglist').hide();
					$('.loadinglist').after(html);
				}else{
					$('.loadinglist').hide();
					$('.tips-con').show();
				}
				
				lyzimg();
			}else{
				api.alert({msg:data['msg']});
			}
		});
	}
});
</script>
</body>
</html>